<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>会员中心</title>
    <link rel="stylesheet" type="text/css" href="CSS/all.css"  th:href="@{/CSS/all.css}"/>
    <script src="JS/jquery.js" >
    </script>
    <style lang="">
        body{
            background-color: seashell;
        }
        h4{
            text-align: center;
        }
        main>a{
            display: block;
            padding: 10px;
            list-style: none;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #ccc;
            background-color: #ccc;
            margin: 10px 0px;
        }
        main>li>span{
            position: relative;
            top: 4px;
        }
    </style>
</head>
<body>
    <header>
        会员中心
    </header>
    <div class="title">
        <a th:href="@{/Story/getAllCategoryStoryList(isLogin='')}" >首页</a>
        <a th:href="@{/Category/getBookByCategoryId(CategoryId=0)}">分类</a>
        <a th:href="@{/Store/getTotalPage(index=5)}">排行</a>
        <a th:href="@{/Story/getStoryEndPage(status='已完结')}">全本</a>
        <a th:href="@{/Store/getUserInfo}" class="activetitle">会员中心</a>
    </div>
    <main class="islogin">

        <h4 th:if="${session.loginUser!=null}"  th:text="'欢迎您-'+${session.loginUser.username}"></h4>
        <a href="#" onclick="getStore()"><i>
                <svg class="icon" style="width: 2rem;height:2rem;vertical-align: middle;fill: blue;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3889"><path d="M921.735 733.468v38.168s2.076 19.328-38.168 57.252c-47.984 45.662-549.786 61.141-648.851 0C135.652 767.744 101.13 542.63 101.13 542.63v-38.17H62.962v57.252s44.053 243.426 171.755 305.341c168.718 56.5 475.487 54.952 648.851 0 62.688-22.445 76.335-95.417 76.335-95.417v-38.168h-38.168z m-142.786 17.733c21.006 36.553 67.667 49.156 104.221 28.149 36.551-21.006 49.154-67.667 28.149-104.219l-152.14-264.739c-21.007-36.553-67.669-49.154-104.221-28.151-36.553 21.007-49.156 67.667-28.149 104.221l152.14 264.739z m-95.465-319.319c18.275-10.504 41.607-4.202 52.11 14.072l142.631 248.193c10.504 18.277 4.202 41.607-14.074 52.11-18.277 10.504-41.607 4.202-52.11-14.076L669.41 483.989c-10.504-18.275-4.202-41.607 14.074-52.107zM497.098 761.59c7.544 41.479 47.286 68.986 88.763 61.442 41.479-7.546 68.988-47.284 61.442-88.765l-102.455-563.27c-7.544-41.479-47.284-68.988-88.763-61.442-41.479 7.544-68.988 47.286-61.442 88.763L497.098 761.59z m-30.769-595.71c20.74-3.771 40.61 9.983 44.383 30.721L609.754 741.1c3.771 20.738-9.983 40.609-30.721 44.381-20.74 3.773-40.61-9.981-44.383-30.721l-99.041-544.496c-3.772-20.739 9.982-40.611 30.72-44.384zM311.05 809.801c42.16 0 76.337-34.177 76.337-76.333V160.951c0-42.158-34.177-76.335-76.337-76.335-42.158 0-76.333 34.177-76.333 76.335v572.517c-0.001 42.156 34.175 76.333 76.333 76.333z m-38.166-629.766c0-21.08 17.088-38.166 38.166-38.166 21.08 0 38.17 17.086 38.17 38.166v553.433c0 21.078-17.09 38.168-38.17 38.168-21.078 0-38.166-17.09-38.166-38.168V180.035z" p-id="3890"></path></svg>
        </i> <span style="line-height: 30px;" >我的书架</span></a>
        <!--<a href="./updatepwd.html"><i><svg class="icon" style="width: 1.7rem; height: 1.7rem;vertical-align: middle;fill: blue;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2237"><path d="M12.8 799.744v214.528h208.896l542.72-600.576L555.52 199.68 12.8 799.744zM931.328 242.176c20.48-20.992 20.48-64.512 0-86.016L806.4 27.648c-20.992-20.992-62.976-20.992-83.456 0l-125.44 128.512 208.896 214.528 124.928-128.512z m-500.736 686.08l-83.456 86.016h668.16v-86.016H430.592z" p-id="2238"></path></svg></i> <span>修改密码</span> </a>-->
        <a onclick="out()" style="background-color: #65BBEC;border-radius: 5px;text-align: center;display: block!important;">退出</a>
    </main>
    <main class="login" style="display: none;">
            <a href="./login.html"><i>
                    <svg class="icon" style="width: 1.7rem; height: 1.7rem;vertical-align: middle;fill: blue;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1543"><path d="M575.215 547.318c53.367-24.316 90.562-78.011 90.562-140.522 0-85.257-69.149-154.383-154.406-154.383-85.299 0-154.427 69.126-154.427 154.383 0 62.49 37.172 116.185 90.562 140.522-87.156 27.24-150.586 108.698-150.586 204.715 0 12.071 9.779 21.827 21.827 21.827s21.827-9.756 21.827-21.827c0-94.161 76.613-170.774 170.776-170.774 94.184 0 170.797 76.613 170.797 170.774 0 12.071 9.756 21.827 21.827 21.827 12.07 0 21.827-9.756 21.827-21.827 0.021-95.994-63.43-177.475-150.586-204.715zM400.621 406.817c0-61.072 49.678-110.729 110.773-110.729 61.072 0 110.75 49.657 110.75 110.729 0 61.094-49.678 110.794-110.75 110.794-61.095 0-110.773-49.7-110.773-110.794zM511.371 960.81c-246.951 0-447.869-200.918-447.869-447.891 0-246.93 200.919-447.871 447.869-447.871 246.973 0 447.892 200.919 447.892 447.871 0 246.973-200.919 447.891-447.892 447.891z m0-854.269c-224.098 0-406.398 182.301-406.398 406.377s182.3 406.397 406.398 406.397c224.099 0 406.42-182.321 406.42-406.397S735.47 106.541 511.371 106.541z" p-id="1544"></path></svg>
            </i> <span>登录/注册</span></a>
    </main>
</body>
<script th:inline="javascript">
    $('div.card').click(function(){
        $('div.card').removeClass('activecard');
        $(this).addClass('activecard');
    })
    function goback(){
        history.back(-1);
    }

    function  out() {
        location.href='/admin/logOut';
        sessionStorage.removeItem('hy');
        sessionStorage.removeItem('kd');
        sessionStorage.removeItem('rdms');
        sessionStorage.removeItem('zt');
    }
    function  getStore() {
        location.href='/Store/getStoreList';
    }

</script>
</html>
